<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		</style>
		<link rel="stylesheet" type="text/css" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="../css/pictureWall.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../util/myScroll/css/jquery.mCustomScrollbar.min.css"/>
	</head>
	<body>
		<!-- title -->
		<div class="picture-title">
			相册展示
		</div>
		<div class="picture-btn">
			<div class="pic-add">
				<button type="button" class=" pic-create btn-reset" ><span class="iconfont ">&#xe641;</span></span><span>新建相册</span></button>				
				<div class="modelBox">
					<div class="insideTips">
						<p class="tipsInformation"></p>
						<div class="Ikonw">我知道了</div>
					</div>
					<div class="insideBox">
						<div class="create-top">
							<div class="create-dis">新建相册</div>
							<div class="create-close"><span class="iconfont ">&#xee7b;</span></div>	
						</div>
						<form action="" method="" class="inform">
							<div class="form-tap">*选择班级:</div>
							<div class="class-tap">
							   <div class=" choose-grad select">
								 <button type="button" class="select-l btn-reset level1-val">年级</button>
								 <button type="button" class="select-r btn-reset level1-btn" >
								   <span class="iconfont ">&#xe642;</span>
								 </button>
								 <ul class="select-disabled">
									 <li>大班</li>
									 <li>中班</li>
									 <li>小班</li>
								 </ul>
							   </div>
							   <div class=" choose-clas select">
								 <button type="button" class=" select-l btn-reset level2-val">班级</button>
								 <button type="button" class=" select-r btn-reset level2-btn"  >
								   <span class="iconfont ">&#xe642;</span>
								 </button>
								 <ul class="select-disabled">
									 <li>一班</li>
									 <li>二班</li>
									 <li>三班</li>
									 <li>四班</li>
								 </ul> 
								</div>
							</div>
							<div class="form-tap">*选择照片:</div>
							<div class="pic-href">
								<input type="file" name="" id="f1" value="" multiple="multiple" />
								<span id="f2">选择图片</span>
							</div>
							<div class="form-tap">已选图片:</div>
							<div class="chose-img">
								<p class="img-name">你还没有选择任何图片..</p>
							</div>	
							<div class="form-tap">相册描述:</div>
							<div class="pic-dis">
								<textarea class="form-control discribe-album" placeholder="请输入相册描述..."></textarea>
							</div>	
							<div class="create-control">
								<div  class="control-yes">确认创建</div>
								<div class="control-no">取消创建</div>
							</div>		
						</form>
					</div>
				</div>	
			</div>
			<div class="search-return">返回相册</div>
			<div class="pic-search">
				<div class="search-grad select">
				  <button type="button" class="select-l btn-reset level1-val">年级</button>
				  <button type="button" class="select-r btn-reset leval1-btn" >
				    <span class="iconfont ">&#xe642;</span>
				  </button>
				  <ul class="select-disabled ">
				    <li>大班</li>
				    <li>中班</li>	
				    <li>小班</li>
				  </ul>
				</div>
				<div class="search-clas select">
				  <button type="button" class="select-l btn-reset level2-val">班级</button>
				  <button type="button" class="select-r btn-reset level2-btn" >
				    <span class="iconfont ">&#xe642;</span>
				  </button>
				  <ul class="select-disabled">
				    <li>一班</li>
				    <li>二班</li>
				    <li>三班</li>
				    <li>四班</li>
				  </ul>
				</div>
				<div class="btn-search"> <span class="iconfont ">&#xe60f;</span></div>
			</div>
		</div>
		<div class="container-fluid picture-album mCustomScrollbar">
			<div class="row ">
				<div class="col-sm-3 col-xs-6">
					<div class="album">
						
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="album">
						
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="album">
						
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="album">
						
					</div>
				</div>
			</div>
		</div>
		<div class="pic-page">
			<span class="iconfont span-prev span-prev">&#xe64c;</span>
				<div class="show-num">
				</div>
			<span class="iconfont span-prev span-next">&#xe64d;</span>
		</div>
		<div class="search-warning">
			<div class="waring-side">
				<p class="sw-information"></p>
				<div class="close-warning">我知道了</div>
			</div>
			
		</div>
	</body>
	<script type="text/javascript" src="../util/jquery-3.4.1.js">
		
	</script>
	<script src="../util/myScroll/js/jquery-1.11.0.min.js"></script>
	<script src="../util/myScroll/js/jquery.mCustomScrollbar.min.js"></script>
	<script src="../util/myScroll/js/jquery.mousewheel-3.1.13.js"></script>
	<script type="text/javascript" src="../js/pictureWall.js">
		
	</script>
	<script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</html>
